Script de contenido de extensión de Chrome.

Estoy cargando Jquery en el script de contenido de la siguiente manera (el archivo jquery está contenido en el paquete de extensión):

 "content_scripts": [ { "matches": [ "http://*/*", "https://*/*" ], "js": ["lib/jquery-3.6.0.min.js", "content.js"], "run_at": "document_idle" }]

Luego trato de ejecutar el siguiente código en el script de contenido (content.js):

 setTimeout(() => { $("span").each((el) => { console.log("****", $(this).text()); }) }, 2000)

Lo que termina con Chrome lanzando el siguiente error:

DOMException: bloqueó un marco con origen "https: //" para que no acceda a un marco de origen cruzado.

Lo raro es que si no uso $(this) no hay problema. entonces, por ejemplo, lo siguiente funcionaría bien sin errores:

 setTimeout(() => { $("span").text("asdasdasd"); }, 2000)

¿Que me estoy perdiendo aqui? No entiendo el razonamiento detrás de esto y me está volviendo loco...